//
//  _302_layout_special_[device].scss
// -----------------------------------------------------------------------------
//
//      Hier kommen spezielle Einstellung Device-Definitionen rein:
//          large DESKTOP
//


// Layout/Seitenaufteilung
// =============================================================================

/* Seiten-Inhalt */
#page-wrap {
    width: 100%;
}

/* Kopf-Bereich */
.head {
    .head-logo {
        width: 50%;
    }

    .head-finder {
        width: 50%;
    }
}


/* Statusleiste */
.statusbar {
    .statusbar-date {
        width: 20%;
    }
    .statusbar-kekse {
        width: 80%;
    }
}

/* Navigation */
.navibar {
    float: left;
    width: 25%;
    margin: 0;
    .navibar-list, .navibar-sublist {
        width: 50%;
        li {
            width: 100%;
        }
    }
    .navibar-list {
        border-right: 1px solid lighten($color-bg-brand, 10%);
    }
    .navibar-sublist {
        display: block;
    }
}

/* Content-Bereich */
.content-wrap {
    padding: 0 $magic-number-half-unit;
    width: 55%;
}

/* Zusatzinfos in Seitenbereich */
.margin {
    padding: 0 0 0 $magic-number-half-unit;
    width: 20%;
    .margin-sublist {
        display: none;
    }
}

/* Fussbereich */
.foot {
    width: 100%;
}



// Design-Anpassungen
// =============================================================================

/* Navigation */
.navibar {
    background: $color-bg-brand;
    border-right: $magic-number-half-unit solid #ffffff;
    .navibar-list, .navibar-sublist {
        li {
            border-width: 0;
            &.aktiv {
                background: url("/images/default/bar-left.gif") no-repeat left center darken($color-bg-brand, 20%);
            }
        }
    }
    .navibar-list {
        border-right: 1px solid lighten($color-bg-brand, 10%);;
    }
}

